<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手机帐单查询</title>
<link href="images/css.css" rel="stylesheet" type="text/css" />

    <script>
var slider = new Swipe(document.getElementById("slider"),{
	startSlide: 0,
	speed: 500,
    auto: 3000,
	callback: function(e,pos) {
		var i = bullets.length;
        while (i--) {
          bullets[i].className = ' ';
         }
        bullets[pos].className = 'on';
		}
	});
bullets = document.getElementById('position').getElementsByTagName('em');
						
// pro1
var pro1 = new Swipe(document.getElementById("pro1_list"),{callback: function(event,index,pro1_pro){pro1_p(pro1_pr[index]);}}),pro1_pr = document.getElementById("pro1_tl").children;for (var i = 0; i < pro1_pr.length; i++){var pro1_pro = pro1_pr[i];pro1_pro.setAttribute("data-tab", i);pro1_pro.onclick = function(e) {e.preventDefault();pro1_p(this);pro1.slide(parseInt(this.getAttribute("data-tab"),10),300);}}function pro1_p(pro1_pro){for (var i = 0; i < pro1_pr.length; i++){pro1_pr[i].className = pro1_pr[i].className.replace("on"," ");}pro1_pro.className += " on";}

// pro2
var pro2 = new Swipe(document.getElementById("pro2_list"),{callback: function(event,index,pro2_pro){pro2_p(pro2_pr[index]);}}),pro2_pr = document.getElementById("pro2_tl").children;for (var i = 0; i < pro2_pr.length; i++){var pro2_pro = pro2_pr[i];pro2_pro.setAttribute("data-tab", i);pro2_pro.onclick = function(e) {e.preventDefault();pro2_p(this);pro2.slide(parseInt(this.getAttribute("data-tab"),10),300);}}function pro2_p(pro2_pro){for (var i = 0; i < pro2_pr.length; i++){pro2_pr[i].className = pro2_pr[i].className.replace("on"," ");}pro2_pro.className += " on";}
// pro3
var pro3 = new Swipe(document.getElementById("pro3_list"),{callback: function(event,index,pro3_pro){pro3_p(pro3_pr[index]);}}),pro3_pr = document.getElementById("pro3_tl").children;for (var i = 0; i < pro3_pr.length; i++){var pro3_pro = pro3_pr[i];pro3_pro.setAttribute("data-tab", i);pro3_pro.onclick = function(e) {e.preventDefault();pro3_p(this);pro3.slide(parseInt(this.getAttribute("data-tab"),10),300);}}function pro3_p(pro3_pro){for (var i = 0; i < pro3_pr.length; i++){pro3_pr[i].className = pro3_pr[i].className.replace("on"," ");}pro3_pro.className += " on";}

    </script>
<script language="JavaScript">

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
function $(element){
return element = document.getElementById(element);
}
function $D(element){
var d=$(element);
var h=d.offsetHeight;
var maxh=300;
function dmove(){
if(h>=maxh){
d.style.height='90px';
clearInterval(iIntervalId);
}else{
h+=50; //设置层展开的速度
d.style.display='block';
d.style.height=h+'px';
}
}
iIntervalId=setInterval(dmove,2);
}
function $D2(element){
var d=$(element);
var h=d.offsetHeight;
var maxh=300;
function dmove(){
if(h<=0){
d.style.display='none';
clearInterval(iIntervalId);
}else{
h-=50;//设置层收缩的速度
d.style.height=h+'px';
}
}
iIntervalId=setInterval(dmove,2);
}
function $use(targetid,objN){
var d=$(targetid);
var sb=$(objN);
if (d.style.display=="block"){
    $D2(targetid);
       d.style.display="none";
       sb.innerHTML="<a href='#'/><IMG src='images/apptb3.png'/></a/>";
  } else {
    var p=document.getElementsByTagName("p");
    var span=document.getElementsByTagName("span");
 
    for(var i=0,l=p.length;i<l;i++){
		if(p[i]!=d){
    			 p[i].style.height=0;
      			 p[i].style.display="none";
       			span[i].innerHTML="展开";	
		}
    }
    $D(targetid);
       d.style.display="block";
       sb.innerHTML="<a href='#'/><IMG src='images/apptb2.png'/></a/>";
   }
}
function toggle(targetid){
    if (document.getElementByIdx){
        target=document.getElementByIdx(targetid);
            if (target.style.display=="block"){
                target.style.display="none";
            } else {
                target.style.display="block";
            }
    }
}
</script>
</head>
<body>
<div class=apptop>
<div class=app>
<div class="l1"><img src="images/appreturn.png" width="19" height="33" /></div>
<div class="l2">历史帐单</div>
<div class="r1" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
 <img src="images/appmore.png" width="34"   align="absmiddle" id=i  onmouseover="show(this)" onmouseout="hide()">
 
</div>
<div class=i_n_l id="menu1"  onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')"  style="visibility: hidden"">
  <li><a href="changeBindNum.action"><img src="images/kjicon1.png" width="21" height="28" align="absmiddle" />&nbsp;&nbsp;切换号码</a></li>
  <li><a href="bindNumManager.action"><img src="images/kjicon2.png" width="24" height="25" align="absmiddle" />&nbsp;&nbsp;号码维护</a></li>
  </div>




</div></div>
<div class="index_slider">
<div class="tb">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="project_tl">
    <tr>
      <td width="94" align="center"><img src="images/apppeople.png" width="73" height="73" /></td>
      <td class="tbtitle"><s:property value="#session.telnum"/></td>
      <td align="center" valign="middle"     style="cursor:hand"><span id="stateBut" onClick="$use('class1content','stateBut')"><a href="#"><img src="images/apptb3.png" width="32" height="16"  style="cursor:hand "/></a></span></td>
    </tr>
  </table>
</div>
  <div class="tb3"  id="class1content">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="120"></td>
    <td align="left"></td>
  </tr>
  <tr>
    <td>查询月份:</td>
    <td align="left"><s:property value="startToEndStr"/></td>
  </tr>
</table>

</div>
<div></div>
</div>
<div class=h6></div><div style="width:97%;margin:auto;">
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td style="margin-top:8px;">
  <div class="project2">
  <ul class="project_tl2" id="pro1_tl2">  
   <s:set name="mon" value="month" />
  <s:iterator id="ul" value="#session.monthList" status="em">
  	<s:if test="#mon==#ul.month">
  		<li class="on" data-tab="0"><s:property value="#ul.month"/>月</li>
  	</s:if>
  	<s:else>
  		<li data-tab="0" onclick="location.href='lastMonthBill.action?year=<s:property value="#ul.year"/>&month=<s:property value="#ul.month"/>'"><s:property value="#ul.month"/>月</li>
  	</s:else>    
  </s:iterator>
  </ul>  
  </div>
  
  <div class=dy>您的<s:property value="year"/>年<s:property value="month"/>月话费信息如下：</div>  
    <div style="width:97%;margin:auto;">
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr class="dy2">
        <td align="left" width="150" >增值业务费</td>
        <td align="center"><s:property value="billInfo.addedservice" /></td>
      </tr>
      <tr class="dy3">
        <td align="left">--代收费</td>
        <td align="center"><s:property value="billInfo.generationcharge" /></td>
      </tr>
      <tr class="dy3">
        <td align="left">--短消息费</td>
        <td align="center"><s:property value="billInfo.message" /></td>
      </tr>
      <tr class="dy3">
        <td align="left">--手机邮箱包月费</td>
        <td align="center"><s:property value="billInfo.mobilemail" /></td>
      </tr>
      <tr class="dy2">
        <td align="left">月固定费</td>
        <td align="center"><s:property value="billInfo.monthlyfixed" /></td>
      </tr>
      <tr class="dy3">
        <td align="left">--GPRSWAP月租费</td>
        <td align="center"><s:property value="billInfo.gprswap" /></td>
      </tr>
      <tr class="dy3">
        <td align="left">--来电显示费</td>
        <td align="center"><s:property value="billInfo.callerdisplay" /></td>
      </tr>
      <tr class="dy3">
        <td align="left">--3G包月费</td>
        <td align="center"><s:property value="billInfo.threegmonth" /></td>
      </tr>
      <tr class="dy2">
        <td align="left">消费合计</td>
        <td align="center"><s:property value="billInfo.totalconsumption" /></td>
      </tr>
      <tr class="dy2">
        <td align="left">抵扣合计</td>
        <td align="center"><s:property value="billInfo.totaldeduction" /></td>
      </tr>
      <tr class="dy2">
        <td align="left">实际应缴合计</td>
        <td align="center"><s:property value="billInfo.totalpay" /></td>
      </tr>

    </table></td>
  </tr>
  </table>
</div>


<div class=btu><img src="images/sshfbut.png" width="252" height="70" onclick="location.href='nowMonthBill.action'"/></div>
</body>
</html>
